<%--
  Created by IntelliJ IDEA.
  User: zyj
  Date: 2021/12/20
  Time: 22:27
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<head>
    <!-- 引入Bootstrap3.3.0 -->
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">

    <!-- 引入layui css -->
    <link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" />

    <!-- 引入本地css文件 -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/login.css">

    <meta charset="utf-8">
    <title>登录</title>
</head>
<body>
<div class="container">
    <div id="student_container" class="login_container row" style="visibility: visible;">
        <div class="col-md-4 change_role_container_student">
            <img src="${pageContext.request.contextPath}/static/img/logoWhite.png" class="img-responsive center-block login_img" />
            <div id="change_role_to_teacher" class="row change_bottom">
                <img src="${pageContext.request.contextPath}/static/img/left_arrow.png" class="arrow" />
                <p class="text-center chang_role_text">老师登录</p>
            </div>
        </div>
        <div class="col-md-8 login_form">
            <form class="layui-form" role="form" action="${pageContext.request.contextPath}/loginCheck/sLogin" method="post">
                <div class="login_top_student">
                    <p>学生登录</p>
                </div>
                <div class="form-group">
                    <input id="studentCode" class="form-control layui-input" placeholder="请输入学号" name = "sId"/>
                </div>
                <div class="form-group">
                    <input id="studentPass" class="form-control layui-input" type="password" placeholder="请输入密码" name = "sPass"/>
                </div>
                <p class="text_teacher_login" id="teacher_login">老师登录</p>
                <p class="forget_pass_text">忘记密码？</p>
                <div>
                    <button class="layui-btn student_btn">登录</button>
                    <p>${msg}</p>
                </div>
            </form>
        </div>
    </div>

    <div id="teacher_container" class="login_container row" style="visibility: hidden;">
        <div class="col-md-4 change_role_container_teacher">
            <img src="${pageContext.request.contextPath}/static/img/logoWhite.png" class="img-responsive center-block login_img" />
            <div id="change_role_to_student" class="row change_bottom">
                <img src="${pageContext.request.contextPath}/static/img/left_arrow.png" class="arrow" />
                <p class="text-center chang_role_text">学生登录</p>
            </div>
        </div>
        <div class="col-md-8 login_form">
            <form class="layui-form" role="form" action="${pageContext.request.contextPath}/loginCheck/tLogin" method="post">
                <div class="login_top_teacher">
                    <p>老师登录</p>
                </div>
                <div class="form-group">
                    <input id="teacherCode" class="form-control layui-input" placeholder="请输入工号" name = "tId"/>
                </div>
                <div class="form-group">
                    <input id="teacherPass" class="form-control layui-input" type="password" placeholder="请输入密码" name = "tPass"/>
                </div>
                <p class="text_student_login" id="student_login">学生登录</p>
                <p class="forget_pass_text">忘记密码？</p>
                <div>
                    <button class="layui-btn teacher-btn">登录</button>
                    <p>${msg}</p>
                </div>
            </form>
        </div>
    </div>

</div>

<!-- 引入本地js文件 -->
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/login.js"></script>

</body>

</html>